<template>
  <div class="hello">
    <header></header>
    <router-view></router-view>
    <footer></footer>
  </div>
</template>

<script>
import header from '../components/layout/Header'
import footer from '../components/layout/Footer'
export default {
  name: 'Index',
  components: {
    header,footer
  },
  data () {
    return {
      userName: '用户名',
      password: '密  码',
      submit: '登录',
      register: '注册',
      editWord: '修改文字',
      newWord: ''

    }
  },
  methods: {
    mdEditWord () {
      this.userName = this.newWord
    }
  }
}
</script>

<style scoped>
/* 设置头像 div 是圆角*/
.divHeadIcon {
  border-radius: 25%;
}
/* 设置头像 div 里面的图片占满整个div*/
.divHeadIcon img{
  width: 100%;
  height: 100%;
}
</style>
